<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="cartList" class="cart-list">

    <!--<div class="cart-item bottom-border">-->
        <!--<div class="checkbox"></div>-->
        <!--<img src="img/banner.png" alt="" class="img">-->
        <!--<div class="text1">-->
            <!--<div class="name">来自海南大金煌芒果 水果-->
                <!--500g-800g以上/个-->
            <!--</div>-->
            <!--<div class="size">规格:150ml<i>海南</i></div>-->
            <!--<div class="count1">-->
                <!--<div class="btn left">-</div>-->
                <!--<input type="tel" value="1" class="text" readonly="readonly">-->
                <!--<div class="btn right">+</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="price">-->
            <!--<div class="now"><i>￥</i>90</div>-->
            <!--<div class="old">￥100</div>-->
            <!--<div class="delete"></div>-->
        <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash;  &ndash;&gt;-->
    <!--<div class="cart-item bottom-border">-->
        <!--<div class="checkbox"></div>-->
        <!--<img src="img/banner.png" alt="" class="img">-->
        <!--<div class="text1">-->
            <!--<div class="name">来自海南大金煌芒果</div>-->
            <!--<div class="size">规格:150ml<i>海南</i></div>-->
            <!--<div class="count1">-->
                <!--<div class="btn left">-</div>-->
                <!--<input type="tel" value="1" class="text" readonly="readonly">-->
                <!--<div class="btn right">+</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="price">-->
            <!--<div class="now"><i>￥</i>90</div>-->
            <!--<div class="old">￥100</div>-->
            <!--<div class="delete"></div>-->
        <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash;  &ndash;&gt;-->
    <!--<div class="cart-item bottom-border">-->
        <!--<div class="checkbox"></div>-->
        <!--<img src="img/banner.png" alt="" class="img">-->
        <!--<div class="text1">-->
            <!--<div class="name">来自海南大金煌芒果来自海南大金煌芒果来自海南大金煌芒果</div>-->
            <!--<div class="size">规格:150ml<i>海南</i></div>-->
            <!--<div class="count1">-->
                <!--<div class="btn left">-</div>-->
                <!--<input type="tel" value="1" class="text" readonly="readonly">-->
                <!--<div class="btn right">+</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="price">-->
            <!--<div class="now"><i>￥</i>90</div>-->
            <!--<div class="old">￥100</div>-->
            <!--<div class="delete"></div>-->
        <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash;  &ndash;&gt;-->
    <!--<div class="cart-item bottom-border">-->
        <!--<div class="checkbox"></div>-->
        <!--<img src="img/banner.png" alt="" class="img">-->
        <!--<div class="text1">-->
            <!--<div class="name">来自海南大金煌芒果来自海南大金煌芒果来自海南大金煌芒果</div>-->
            <!--<div class="size">规格:150ml<i>海南</i></div>-->
            <!--<div class="count1">-->
                <!--<div class="btn left">-</div>-->
                <!--<input type="tel" value="1" class="text" readonly="readonly">-->
                <!--<div class="btn right">+</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="price">-->
            <!--<div class="now"><i>￥</i>90</div>-->
            <!--<div class="old">￥100</div>-->
            <!--<div class="delete"></div>-->
        <!--</div>-->
    <!--</div>-->
    <!--  -->
</div>

<div class="cart-menu-section">
    <div class="cart-menu bottom-border">
        <div class="checkbox-wrapper" id="all">
            <div class="checkbox"></div>
            <div class="title">全选</div>
        </div>
        <div id="totalprice" class="text">总金额:<i>￥<em>0.00</em></i></div>
        <a id="btnJiesuan" href="#" class="button">结算</a>
    </div>
    <div class="zhanwei"></div>
</div>
<!-- 底部菜单 -->

<div class="tab-bar-section">
    <div class="tab-bar bottom-border">
        <a href="index.html" class="bar-item">
            <img src="img/home.png" class="icon" alt="">
            <div class="text">首页</div>
        </a>
        <a href="classification.html" class="bar-item">
            <img src="img/class.png" class="icon" alt="">
            <div class="text">分类</div>
        </a>
        <a href="javascript:;" class="bar-item">
            <img src="img/saoyis.png" style="margin: 0.1rem auto 0;width: 0.81rem;height: 0.81rem;" class="icon" alt="">
        </a>
        <a id="cartShowNum" href="javascript:;" class="bar-item  on">
            <img src="img/cart_on.png" class="icon" alt="">
            <div class="text">购物车</div>
            <!--<div class="num">111</div>-->
        </a>
        <a href="user.html" class="bar-item">
            <img src="img/user.png" class="icon" alt="">
            <div class="text">我的</div>
        </a>
    </div>
    <div class="zhanwei"></div>
</div>
<!-- 底部菜单 -->
<!-- 以下为页面js部分 -->

<script type="text/javascript" src="js/rem.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>

<script src="js/layers/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pages/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pages/cart.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    init();
    // $('.count1').on('tap click', '.right', function () {
    //     var $input = $(this).siblings('input');
    //     var num = parseInt($input.val());
    //     $input.val(num + 1);
    // });
    //
    // $('.count1').on('tap click', '.left', function () {
    //     var $input = $(this).siblings('input');
    //     var num = parseInt($input.val());
    //     if (num > 1) {
    //         $input.val(num - 1);
    //     }
    // });
    // //改变购物车中的数量
    //
    // $('.cart-item .checkbox').click(function () {
    //     if ($(this).hasClass('on')) {
    //         $(this).removeClass('on');
    //         $('#all').removeClass('on');
    //     } else {
    //         $(this).addClass('on');
    //         if ($('.cart-item .checkbox.on').size() == $('.cart-item .checkbox').size()) {
    //             $('#all').addClass('on');
    //         }
    //     }
    // })
    // // 选择商品
    //
    // $('#all').click(function () {
    //     if ($(this).hasClass('on')) {
    //         $(this).removeClass('on');
    //         $('.cart-item .checkbox').removeClass('on');
    //     } else {
    //         $(this).addClass('on');
    //         $('.cart-item .checkbox').addClass('on');
    //     }
    // });
    // 全选和全不选
</script>
</body>
</html>